<template>
  <div class="v-container">
    <v-header title="支付失败">
    </v-header>
    <div class="v-main">
     <div class="picfail">
       <img src="@/assets/images/fail.png" width="150">
       <p>支付失败，请检查！</p>
     </div>
     <div class="fail_btn g-clearfix">
       <div class="btn">
         <p class="p1"  @click="pageTo('mainpage')">确定</p>
       </div>
       <div class="btn">
         <p class="p2" @click="pageTo('mainpage')">返回首页</p>
       </div>
     </div>
    </div>
  </div>
</template>

<script>
import vHeader from '@/components/Header.vue';
import { Resource } from '@/services/resource';
import LocalStorage from '@/services/storage';
import qrcodeVue from 'qrcode-vue';
import imgSuncar from '@/assets/images/suncar.png';
const proxy = require('@/env/proxy');
const locaHref = proxy.locaHref;

export default {
  name: 'result',
  components: {
    vHeader,
    qrcodeVue
  },
  props: {
    title: {
      type: String,
      default: '标题'
    }
  },
  data() {
    return {
      size: 60,
      bgColor: '#fff',
      fgColor: '#000',
      value: 'https://github.com/l-ll/qrcode-vue',
      logo: imgSuncar,
      orderInfo: {}
    };
  },
  mounted() {
  },
  methods: {
    // 跳转页面
    pageTo(name) {

      console.log(name);
      if(name=='mainpage'){
        window.location.href =locaHref
      }else{
        this.$router.replace(name);
      }
      
    }
  }
};
</script>

<style lang="less" scoped>
@import url('./result.less');
</style>


